<script setup lang="ts">
import { ref } from 'vue'
</script>

<template>
    <div class="base-container detailed-container">
        <div class="container">
            <div class="c-head">
                <h1 class="c-head-h1">Vue3中的生命周期</h1>
                <div class="c-head-description">vue中生命周期的执行流程</div>
                <div class="line"></div>
            </div>

            <div class="c-body">
                <div class="c-code"></div>
                <div class="c-code"></div>
            </div>
        </div>
    </div>
</template>

<style scoped lang="scss">
@use './index.scss';
</style>

<!-- copy icon -->
<!-- <svg
    xmlns="http://www.w3.org/2000/svg"
    xmlns:xlink="http://www.w3.org/1999/xlink"
    viewBox="0 0 24 24"
>
<g fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><rect x="8" y="8" width="12" height="12" rx="2"></rect><path d="M16 8V6a2 2 0 0 0-2-2H6a2 2 0 0 0-2 2v8a2 2 0 0 0 2 2h2"></path></g></svg> -->
